<!DOCTYPE html>
<html lang="zh_CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8" />
    <title>{{title|default(value='点点教程')}}</title>
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    <meta name="viewport" content="width=device-width" />
    <meta name="keywords" content="{{keywords|default(value='点点教程')}}" />
    <meta name="description" content="{{description|default(value='点点教程')}}" />
    <meta property="og:type" content="article" />
    <meta property="og:title" content="{{title|default(value='点点教程')}}" />
    <meta property="og:description" content="{{description|default(value='点点教程')}}" />
    <meta property="og:image" content="{{og_image|default(value='/img/logo.png')|safe}}" />
    <meta property="og:tag" content="{{keywords|default(value='点点教程')}}" />
    <link rel="stylesheet" href="/css/style.css"> {% block css %}{% endblock %}
</head>

<body>
    <div class="body">
        <ul class="nav">
            <li>
                <a href="/" {%if not tutorial %}class="selected" {%endif%}>点点教程</a>
            </li>
            {% for m in menus %}
            <li>
                <a href="/tutorials/{{m.id}}" {%if tutorial and tutorial.tid==m.id %}class="selected" {%endif%}>{{m.name}}</a>
            </li>
            {% endfor %}
        </ul>
        {%block body%} {%endblock%}
    </div>
    <div class="footer">
        <p>点点教程，每天进步一点点！ </p>{%block footer%}{%endblock%}
    </div>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?6c254edbfc3953c9bd521292024b3551";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

    {%block js%}{%endblock%}
</body>

</html>